<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="../resource/css/template.css" />
<link rel="stylesheet"
	href="../resource/css/jquery/ui-lightness/jquery-ui-1.8.6.custom.css" />
<link rel="stylesheet" href="../resource/css/jqgrid/ui.jqgrid.css" />

<!-- CUSTOMIZE/OVERRIDE THE DEFAULT CSS -->
<style type="text/css">

/* remove padding and scrolling from elements that contain an Accordion OR a content-div */
.ui-layout-center, /* has content-div */ .ui-layout-west,
	/* has Accordion */ .ui-layout-east, /* has content-div ... */
	.ui-layout-east .ui-layout-content { /* content-div has Accordion */
	padding: 0 !important;
	overflow: hidden;
}

.ui-layout-center P.ui-layout-content {
	line-height: 1.4em;
	margin: 0; /* remove top/bottom margins from <P> used as content-div */
}

h3,h4 { /* Headers & Footer in Center & East panes */
	font-size: 1.1em;
	background: #EEF;
	border: 1px solid #BBB;
	border-width: 0 0 1px;
	padding: 7px 10px;
	margin: 0;
}

.ui-layout-east h4 { /* Footer in East-pane */
	font-size: 0.9em;
	font-weight: normal;
	border-width: 1px 0 0;
}
</style>



<script src="../resource/js/jquery/jquery-1.4.4.min.js" type="text/javascript"></script>
<script src="../resource/script/main.js" type="text/javascript"></script>
<script src="../resource/js/jquery/jquery-ui-1.8.6.custom.min.js" type="text/javascript"></script>
<script src="../resource/js/jqgrid/grid.locale-en.js" type="text/javascript"></script>
<script src="../resource/js/jqgrid/jquery.jqGrid.min.js" type="text/javascript"></script>
<script src="../resource/js/tooltip/jquery.cluetip.all.js" type="text/javascript"></script>
<script src="../resource/js/layout/jquery.layout.min.js" type="text/javascript"></script>
<script type="text/javascript">
	$(document).ready(function() {
		$('body').layout({
			applyDefaultStyles : true,
			north__spacing_open : 0
		});
	});

	function loadMessageHome(id, url) {

		url = "<s:url value="/"/>" + url;
		$.ajax({
			url : url,
			dataType : "html",
			type : "GET",
			data : $("#frmHome").serialize() + "&HidMenu=" + id,
			error : function(xhr, ajaxOptions, thrownError) {
				alert("error")
			},
			success : function(datos) {
				$("#div_contenedor").html(datos);

			}
		})

	}
</script>



</head>
<body>
	<DIV class="ui-layout-center">
		<h3 class="ui-widget-header">Consulta de mensajes</h3>
		<DIV id="div_contenedor"></DIV>

	</DIV>
	<DIV class="ui-layout-north">
		<DIV ID="logo">BANDEJA DE REENVIO DE MENSAJES</DIV>

	</DIV>


	<DIV class="ui-layout-west">
		<form action="<s:url value="/search/"/>" id="frmHome" method="post">

			<ul id="browser" class="buttonmenu">
				<c:out value="${res.str_tree}" escapeXml="false" />
				<li><a href="<s:url value="/salir" />">Salir</a></li>
			</ul>

		</form>
	</DIV>
	<div id="cargando" class="cargando" style="display: none;">
		<img alt="Cargando"
			src="<s:url value="/resource/images/preloader.gif" />">
	</div>

</body>
</html>